草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 我可以在未注册的组件上构建 Vue.js 失败吗?

考虑以下组件模板......其中Unknown可能是全局注册的组件。在运行时,我会遇到这个信息性错误:[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.[...]但是,对于我的用例,我想强制在构建时不会发生此类事件。目前,vue-cli-servicebuild在这种情况下执行成功构建,然后在运行时显示错误(此时无用)。我很好奇是否有一种方法可以内省(introspection)地捕获这个潜

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发一个嵌入页面的Canvas应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,这会滚动页面,因为它是文章的一部分。当我在dom元素上滚动鼠标时,是否可以阻止鼠标滚轮在窗口上滚动?! 最佳答案 为鼠标滚轮(非Gecko)/DOMMouseScroll(非IE)附加事件处理程序并阻止其默认操作(即滚动内容):if(element.addEventListener)element.addEventListener("DOMMouseScroll",function(event){event.preventDefault

javascript - 如何使用 Keystone.js 添加 Array 类型的虚拟属性?

这是我的模型代码:“信息”及其产生问题的token属性。varkeystone=require('keystone'),Types=keystone.Field.Types;varInfo=newkeystone.List('Info');Info.add({title:{type:String,required:true,initial:true},subtitle:{type:String,initial:true},content:{type:Types.Markdown,height:500,initial:true},author:{type:Types.Relationsh

Vue3 & app.use 与 install 函数的作用

1.app.use在vue3中,默认初始化vue的方式是这样的//src/main.jsimport{createApp}from'vue'importAppfrom'@/App.vue'constapp=createApp(App)app.mount('#app')exportdefaultapp如果我们需要引入vue-router则需要修改成比如这样//src/main.jsimport{createApp}from'vue'...++++++++importHomefrom'@/pages/Home.vue'import{createRouter,createWebHistory}fro

javascript - 禁用 Chrome 的滚动保留功能

我有一个包含项目列表的页面:加载更多按钮应该通过ajax加载更多项目并将其附加到保留当前滚动位置的项目容器。所以在我点击它之后,我希望它看起来像这样(绿色项目是新的):但实际上Chrome56执行了一些计算以使页面保持相同状态,我看到的是这样的:有什么方法可以阻止Chrome中的这种智能滚动位置设置吗?更新:仅当父容器(在我的例子中为“body”)具有“display:flex”属性(我用它来实现“粘性页脚”功能)时,我才能重现该行为。 最佳答案 我通过向滚动容器添加overflow-anchor:none;解决了类似的问题。htt

javascript - 使用 Vue-cli,我在哪里声明我的全局变量?

在大多数Vue.js教程中,我看到类似的内容newVue({store,//injectstoretoallchildrenel:'#app',render:h=>h(App)})但是我正在使用vue-cli(我实际上正在使用quasar)并且它为我声明了Vue实例,所以我不知道我应该在哪里说我想要store成为“Vue-wide”全局变量。我在哪里指定?谢谢 最佳答案 是的,您可以在入口点文件(main.js)中像这样设置这些变量:Vue.store=Vue.prototype.store='THISISSTOREVARIABLE

javascript - 在滚动时查找位于可见屏幕(视口(viewport))中间的元素

我需要知道是否有一种方法可以确定div是否位于屏幕中央。HTML:texttext.....text考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心?所以基本上,当用户向下滚动页面时,应该选择可见屏幕中间的div。谢谢 最佳答案 DEMOPAGEvarfindMiddleElement=(function(docElm){varviewportHeight=docElm.clientHeight,//herei'musingpre-cachedDIVelements,butyoucanuseanythingyouwa

javascript - 如何确定具有不同行高和/或填充的不同浏览器中的最大滚动位置?

有没有办法确定每个浏览器的最大滚动位置,而无需实际滚动到末尾并读取该位置?取了一个固定高度和溢出的容器div。容器中的几个div元素,其高度之和大于容器的高度。有一个最大滚动位置(y),我认为它只是容器高度减去总元素高度。在容器的line-height大于元素的height之前,这似乎是正确的。如果是这种情况,似乎每个浏览器都以不同方式确定最大滚动位置。有了填充,情况变得更糟,一些浏览器添加顶部填充,一些浏览器添加顶部和底部填充。查看此fiddle例如。调整容器行高和div.item高度。 最佳答案 我只能在少数几个浏览器中进行测试

javascript - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme

javascript - 如何在 Javascript 中调用外部的 vue 实例

如何在javascript中调用测试vue?这是我的代码,当我在javascript函数中执行某些操作时,我想调用测试。functionclickit(){this.test.fetchTestData();}vartest=newVue({el:'#viewport',data:{test_data:[]},mounted:function(){this.fetchTestData();},methods:{fetchTestData:function(){$.get(test.json,function(data){this.test_data=data;alert(this.te